﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html id="htmlImage" xmlns="http://www.w3.org/1999/xhtml">
<head id="headImage">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>新闻管理</title>
    <style type="text/css">
        .ts-display-pf-img
        {
            width: 270px;
        }
        .rollover
        {
            background: url(resources/images/hover-zoom.png);
            background-color: #000;
            background-repeat: no-repeat;
            background-position: center;
            width: 290px;
            height: 152px;
            display: block;
            position: absolute;
            z-index: 10;
            display: none;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
        var jQuery_162 = $.noConflict();
        jQuery_162(document).ready(function () {
            if (jQuery_162.browser.msie && jQuery_162.browser.version < 7) return;

            jQuery_162('.ts-display-pf-img').hover(
			function () {
			    jQuery_162(this).find('.rollover').stop().fadeTo(500, 0.60);
			},
			function () {
			    jQuery_162(this).find('.rollover').stop().fadeTo(500, 0);
			}
		)
        });
    </script>
    <script type="text/javascript" src="scripts/custom.quicksand.js"></script>
    <script src="scripts/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="scripts/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.form.js"></script>
    <script type="text/javascript" src="resources/scripts/facebox.js"></script>
</head>
<body id="bodyImage">
    <div id="body-wrapper">
        <div id="sidebar">
            <div id="sidebar-wrapper">
                <h1 id="sidebar-title">
                    <a href="#">管理后台</a></h1>
                <div id="profile-links">
                    <br />
                    <a href="../User/index.html" title="网站">网站</a> &nbsp; | &nbsp; <a href="#" title="注销">
                        注销</a>
                </div>
                <ul id="main-nav">
                    <li><a href="index.html" class="nav-top-item no-submenu">首页 </a></li>
                    <li><a href="#" class="nav-top-item">新闻管理</a>
                        <ul>
                            <li><a href="category.html">新闻类别管理</a></li>
                            <li><a href="index.html">新闻管理</a></li>
                        </ul>
                    </li>
                    <li><a href="#" class="nav-top-item current">图片管理 </a>
                        <ul>
                            <li><a href="ImageCategory.html">图片类别管理</a></li>
                            <li><a class="current" href="ImageViewer.html">图片管理</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div id="main-content">
            <div class="clear">
                <h3>
                    图片类别:
                </h3>
                <p>
                    <select name="dropdown" id="ddlCategory" onchange="CategoryChanged();" style="width: 200px">
                    </select>
                </p>
                <p>
                    <a class="button" id="btnAddImage" href="#">新建</a>
                </p>
            </div>
            <div class="content-box">
                <div class="content-box-header">
                    <h3>
                        图片列表</h3>
                    <div class="clear">
                    </div>
                </div>
                <div class="content-box-content">
                    <div class="tab-content default-tab" id='tab1'>
                        <div id="tabImage">
                        </div>
                        <div class="clear">
                            <div class="pagination" id="divPage">
                            </div>
                        </div>
                    </div>
                </div>
                <div id="footer">
                </div>
            </div>
        </div>
    </div>
</body>
<link rel="stylesheet" href="resources/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="resources/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="resources/css/invalid.css" type="text/css" media="screen" />
<link rel="stylesheet" href="resources/css/styleForImage.css" type="text/css" media="screen" />
<link rel="stylesheet" href="resources/css/prettyphoto.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/NewsJs.js"></script>
<script type="text/javascript">
    var currentIndex, categoryCodeUI, type = "Image";
    $(document).ready(function () {
        jQuery(document).ready(function () {
            jQuery('a[rel*=facebox]').facebox()
        })
        ListNewsCategory();
        $("#btnAddImage").click(function () {
            ShowAddWindow("Image", $(this), "AddImage.html");
        })
    });
</script>
<script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>
<script type="text/javascript" src="resources/scripts/jquery.wysiwyg.js"></script>
</html>
